﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <div id="time"> 123</div>
    <script>
        /*
         jS 基本语法 DOM BOM
         DOM 文档对象模型 Document Object Model
             系统提供了一些接口 可以动态第改变网页的样式和内容
         文档 document ，一个网页就是一个文档
         元素 element 网页中所有的变迁都是元素
         节点 node 网页中所有的内容都是借点 比如 标签 属性 文本 注释
         */
        /*
           getElementById:
               输入：
               处理：
               输出：
           总结：
               1. id 对大小写敏感
               2. 返回值是一个对象
               3. 小驼峰
               4. script 书写顺序
       */
        let div = document.getElementById(`time`);
        console.log(div);
        console.dir(div);
        console.log(typeof div);
        console.log(div instanceof Object);
    </script>
</body>
</html>